<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS元素选择器</title>
    <style>
        #part1{
            color: red;
            text-align: center;
        }
        p.center{
            text-align: center;
            color: red;
        }
        p.large{
            font-size: 300%;
        }
        p,h1,h2{
            text-align: center;
            color: red;
        }
    </style>
</head>
<body>
<!--id选择器 选择id的元素以#开头-->
<p id="part1">id选择器</p>
<!--class/类选择器 HTML元素可以引用多个类-->
<h1 class="center">不做任何样式改变</h1>
<p class="center">红色居中</p>
<p class="center large">红色居中字体放大</p>
<!--通用选择器*-->

<!--分组选择器选取所有具有相同样式定义的 HTML 元素。-->
<h2>分组选择器</h2>
</body>
</html>